<template>
	<view class="topHead">
		<view class="topTitlebox">
			<uni-icons class="returnBth" type="left" color="#5e6c84" size="26" @click="goBack" v-show="fhShow"></uni-icons>
			<text class="topTitle">{{title}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props:{
			title:{
				type: String,
				default: ''
			},
			fhShow:{
				type: Boolean,
				default: true
			}
		},
		onLoad() {
			console.log(this.title)
			console.log(this.fhShow)
		},
		methods: {
			goBack() {
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>

<style>
	.topHead {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		padding-top: 90rpx; 
		background: linear-gradient(89deg,#f9d7a6 1%, #ffdc95 100%);
		z-index: 9;
	}

	.topTitlebox {
		position: relative;
		/* padding-left: 30rpx; */
		line-height: 80rpx;
		text-align: center;
	}

	.topTitlebox .topTitle {
		font-size: 36rpx;
		font-family: Microsoft YaHei, Microsoft YaHei-Bold;
		font-weight: 700;
		color: #232323;
	}

	.returnBth {
		position: absolute;
		left: 30rpx;
		top: 50%;
		margin-top: -44rpx;
	}

	.returnBth .return-icon {
		/* width: 26rpx;
		height: 24rpx;
		// background-color: #fff;
		margin-right: 14rpx;
		vertical-align: middle; */
	}
</style>